<template>
	<view class="classLayout pageBg">
		<custom-nav-bar title="分类"></custom-nav-bar>
		<view class="classify">
			<theme-item v-for="item in ClassifyList" :key="item._id" :item="item"></theme-item>
		</view>
		
		
	</view>
</template>

<script setup>
import { ref } from 'vue';
const ClassifyList = ref([])
import {ApigetClassify} from '@/api/index.js'

const getClassify = async () => {
	const res = await ApigetClassify({
		pageNum: 1,
		pageSize: 20
		})
	console.log(res)
	ClassifyList.value = res.data
}
// const getClassify = async () => {
// 	const res = await uni.request({
// 		url:'https://tea.qingnian8.com/api/bizhi/classify',
// 		header: {
// 		  "access-key":"951597"
// 		},
// 		data:{
// 			pageNum: 1,
// 			pageSize: 20
// 		}
// 	})
// 	console.log(res)
// 	ClassifyList.value = res.data.data
// }

getClassify()

// 分享页面
// onShareAppMessage((e) => {
// 	return {
// 		title: '此间壁纸',
// 		path: '/pages/index'
// 	}
// })
</script>

<style lang="scss" scoped>
.classify{
	padding:30rpx;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:15rpx;
}
</style>
